<page-header [title]="'画面列表'">

</page-header>
<form nz-form [formGroup]="form">
  <nz-card [nzBordered]="false">
    <nz-row>
      <sk-form-item skLabel="画面名称" skCol="8" skFor="screenName" skRequired="false">
        <input nzId="screenName" nz-input formControlName="screenName">
      </sk-form-item>
    </nz-row>
    <nz-row>
      <button nz-button (click)="onSearch($event)"><i nz-icon type="search"></i>查询</button>
    </nz-row>
  </nz-card>
  <nz-card [nzBordered]="false">
    <nz-row>
      <button nz-button (click)="onAddSelectedSceens($event)"><i nz-icon type="plus"></i>添加</button>
      <button nz-button (click)="onDeleteSelectedSceens($event)"><i nz-icon type="delete"></i>删除</button>
    </nz-row>
    <nz-table #searchDataTable [nzData]="searchData">
      <thead>
	  <tr>
       <th>编码</th>
       <th>名称</th>
       <th>备注</th>
       <th>操作</th>
      </tr>
      </thead>
      <tbody>
	    <tr *ngFor="let data of searchDataTable.data">
          <td>{{ data.code }}</td>
          <td>{{ data.name }}</td>
          <td>{{ data.comment }}</td>
          <td>
      <button nz-button (click)="onEditScreen($event)"><i nz-icon type="edit"></i></button>
      <button nz-button (click)="onDeleteScreen($event)"><i nz-icon type="delete"></i></button>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </nz-card>
</form>
